<template>
    <el-row class="header">
        <el-col :span="2">
            <img src="./assets/images/logo.png">
        </el-col>
        <el-col :span="19">
            {{ $t("message.system") }}
        </el-col>
        <el-col :span="3">
            <el-dropdown menu-align="start" trigger="click"  style="color:#fff;" @command="login">
                      <span class="el-dropdown-link">
                          admin<i class="el-icon-caret-bottom el-icon--right"></i>
                      </span>
                <el-dropdown-menu slot="dropdown" style="background:#0d929e;color:#fff;">
                    <!--<el-dropdown-item style="min-width:200px">账号设置</el-dropdown-item>-->
                    <el-dropdown-item  style="min-width:200px" @command="login">退出</el-dropdown-item>
                </el-dropdown-menu>
            </el-dropdown>
        </el-col>
    </el-row>
</template>

<script>
    export default {
        methods: {
            login() {
                window.router.push({path:"/auth/login/"});
            }
        }
    }
</script>
<style>
body {
    margin:0px;
}
.header{
    line-height:4;
    background:#0ea6b2;
    color:#fff;
    z-index:9999;
    position:fixed;
    width:100%;
}

.header img{
    display: block;
     margin: 18px 10px auto auto;
     height:32px;
}


</style>